<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
     

     
    <title>AutoCartel</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">


    <!-- Le styles -->
    <link href="../assets/css/bootstrap.css" rel="stylesheet">
    <link href="../assets/css/bootstrap-responsive.css" rel="stylesheet">
    <link href="../assets/css/docs.css" rel="stylesheet">
    <link href="../assets/js/google-code-prettify/prettify.css" rel="stylesheet">

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="../assets/js/html5shiv.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
                    <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
                                   <link rel="shortcut icon" href="../assets/ico/favicon.png">

    <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-146052-10']);
      _gaq.push(['_trackPageview']);
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
    </script>
  </head>

  <body data-spy="scroll" data-target=".bs-docs-sidebar">

    <!-- Navbar
    ================================================== -->
    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
         
           
          <div class="nav-collapse collapse">
          <div class="span1">
          </div>
          <div class="span6">
            <ul class="nav">
            
              
              
              <li class="">
              <a class="brand" href="#">О компании</a>
               </li>
               <li class="">
              <a class="brand" href="#">Контакты</a>
               </li>
               
              
               

              </ul>
              </div>
              <div class="span4">
                <ul class="nav">
           
              <li class="">
              <a class="brandnew" href="default.html"><i class="icon-user icon-white"></i> Регистрация</a>
               </li>
                <li class="">
              <a class="brandnew" href="#myLogin" data-toggle="modal"><i class="icon-home icon-white"></i> Войти</a>
               </li>
                <li class="">
              <a class="brandnew" href="corz.html"><i class=" icon-shopping-cart icon-white"></i> Корзина</a>
               </li>
            </ul>
             
          </div>
        </div>
         </div>
      </div>
    </div>

</br>
<!-- Modal  login -->
<div id="myLogin" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="myModalLabel">Вход в личный кабинет</h3>
</div>
<div class="modal-body">
<form class="navbar-form pull-left">
 <form class="navbar-form pull-left">
   <h3>E-mail</h3> <input type="text" class="span16">
    </form>
    <form class="navbar-form pull-left">
   <h3>Пароль</h3> <input type="text" class="span16">
   
    </form>
    </br>
    </br>
    </br>
    </br>
    </br>
    <input type="checkbox"></input> Запомнить меня
        </br>
            </br>
    

</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">Отмена</button>
<button class="btn btn-primary" onclick="parent.location='index-login.html'" >Войти</button>
</div>
</div>


    <div class="container">
    <div class="row-fluid">
    <div class="span4">
    <a href="index.html"><img class="img-font" src="../img/newlogo.png" data-id="8022"></img></a>
    <!--Sidebar content-->
    </div>
   
    
  <div class="span4">
   <img class="img-font" title="(057)777-0-666 (099)311-0-666 (093)789-0-666" alt="(057)777-0-666 (099)311-0-666 (093)789-0-666" src="../img/phone.png" data-id="8022"></img>
    <form class="form-search">
    <div class="input-append">
    <input type="text" class="span16 search-query"  placeholder="Поиск артикула">
    
    <button class="btn btn-danger" type="button" value="Поиск" onclick="parent.location='allprice.html'">  
                Поиск
                </button>
    

        
    </div>

    </form>


    <!--Body content-->
    </div>
        <!--Социалки-->
    <div class="span1">
  <a href="#">
<img class="img-font" title="TWIT" alt="Regulators Expanded" src="../img/twit.png" data-id="8022"></img></a> 
                 <a href="#">
<img class="img-font" title="Наш канал" alt="Regulators Expanded" src="../img/yt.png" data-id="8022"></img></a>
               
               
                
    <a href="#">
<img class="img-font" title="SKYPE" alt="Regulators Expanded" src="../img/skype.png" data-id="8022"></img></a> 
                  <a href="#">
<img class="img-font" title="Мы Вконтакте" alt="Regulators Expanded" src="../img/vk.jpg" data-id="8022"></img></a>     
                
                 <a href="#"><img class="img-font" title="Мы в Facebook" alt="Regulators Expanded" src="../img/fb.png" data-id="8022"></img></a>   
                 <a href="#">
<img class="img-font" title="Мы в google+" alt="Regulators Expanded" src="../img/google.png" data-id="8022"></img>
                </a>  
          

</div>
     <div class="span2">
      
     <table class="table table-condensed">
 <tr>
 <td><b>1USD</b></td>
 <td><b>8.22грн</b></td>
 </tr>
 <tr>
 <td><b>1EUR</b></td>
 <td><b>11.22грн</b></td>
 </tr>
</table>

              
    
    </div>
    <div class="span2">
    </div>
    
    </div>
    </div>
<!--Body content-->
 <div class="container">
    <div class="row-fluid">   
  
  <div class="navbar"> 
    <div class="navbar-inner">
    <ul class="nav">

    <li><h5>Каталоги:</h5></li>
    <li><a href="cats.html">Оригинальные каталоги</a></li>
    <li><a href="#">TecDoc</a></li>
    <li><a href="#">Масла и автохимия</a></li>
    <li><a href="#">Диски и шины</a></li>
    <li><a href="#">Автостекла</a></li>
    <li><a href="#">Тюнинг</a></li>
    <li><a href="#">Электрика</a></li>
   
    </ul>
    </div>
    <a href="#"><img onmouseover="this.src='../img/groups/amort.jpg';" onmouseout="this.src='../img/groups/amort2.jpg';" border="0" alt="" src="../img/groups/amort2.jpg" width="100" height="100"></a>
<a href="#"><img onmouseover="this.src='../img/groups/torm.jpg';" onmouseout="this.src='../img/groups/torm2.jpg';" border="0" alt="" src="../img/groups/torm2.jpg" width="100" height="100"></a>
<a href="#"><img onmouseover="this.src='../img/groups/fara.jpg';" onmouseout="this.src='../img/groups/fara2.jpg';" border="0" alt="" src="../img/groups/fara2.jpg" width="100" height="100"></a>
<a href="#"><img onmouseover="this.src='../img/groups/motor.jpg';" onmouseout="this.src='../img/groups/motor2.jpg';" border="0" alt="" src="../img/groups/motor2.jpg" width="100" height="100"></a>
<a href="#"><img onmouseover="this.src='../img/groups/reyka.jpg';" onmouseout="this.src='../img/groups/reyka2.jpg';" border="0" alt="" src="../img/groups/reyka2.jpg" width="100" height="100"></a>
<a href="#"><img onmouseover="this.src='../img/groups/bamper.jpg';" onmouseout="this.src='../img/groups/bamper2.jpg';" border="0" alt="" src="../img/groups/bamper2.jpg" width="100" height="100"></a>
<a href="#"><img onmouseover="this.src='../img/groups/koleso.jpg';" onmouseout="this.src='../img/groups/koleso2.jpg';" border="0" alt="" src="../img/groups/koleso2.jpg" width="100" height="100"></a>
<a href="#"><img onmouseover="this.src='../img/groups/elektrik.jpg';" onmouseout="this.src='../img/groups/elektrik2.jpg';" border="0" alt="" src="../img/groups/elektrik2.jpg" width="100" height="100"></a>
<a href="#"><img onmouseover="this.src='../img/groups/steklo.jpg';" onmouseout="this.src='../img/groups/steklo2.jpg';" border="0" alt="" src="../img/groups/steklo2.jpg" width="100" height="100"></a>
<a href="#"><img onmouseover="this.src='../img/groups/maslo.gif';" onmouseout="this.src='../img/groups/maslo2.jpg';" border="0" alt="" src="../img/groups/maslo2.jpg" width="100" height="100"></a>
<a href="#"><img onmouseover="this.src='../img/groups/akb.png';" onmouseout="this.src='../img/groups/akb2.jpg';" border="0" alt="" src="../img/groups/akb2.jpg" width="100" height="100"></a>
    </div>

      </div>
   

    <!  левая панель с новостями >

   

    <div class="row-fluid">   
    <div class="span2">
      <div class="alert alert-success">
     
      <img class="img-font" src="../img/news.png" data-id="8022"></img>
    </br>
    </br>
      <img class="img-font" title="Regulators Expanded" alt="Regulators Expanded" src="../img/mahle.jpg" data-id="8022"></img>
       <b>MAHLE</b> огромный выбор немецких фильтров на легковые и грузовые автомобили. В наличии и под заказ более 15000 наименований. <a href="#"><strong>Подробнее..</strong></a> 
    </br>
</br>
    </br>
      <img class="img-font" title="Regulators Expanded" alt="Regulators Expanded" src="../img/bosch.jpg" data-id="8022"></img>
       Специальные предложения от официального дистрибьютора <b>Bosch</b>. Новинки в наличии! <a href="#"><strong>Подробнее..</strong></a> 
    </br>
   </div>
</div>

<!  левая  центральная панель с информацией >
<div class="span4">


<!  запрос по VIN >
<div class="alert alert-success" title="Оставте номер кузова Вашего автомобиля и список запчастей, и наши менеджеры сами подберут нужные запчасти и свяжуться с Вами!">
  <img src="../img/vin111.png">
  <b>Укажите номер кузова автомобиля</b>
   <form class="form-search">
    <div class="input-append">
    <input type="text" class="span8 search-query"  placeholder="17 символов">
    <button value="Продолжить" data-toggle="modal"  href="#myModal" type="submit" class="btn btn-success">&nbsp;&nbsp;Продолжить&nbsp;&nbsp;</button>
</div>
   
    </form>
</div>





<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" >
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="myModalLabel">Запрос по VIN</h3>
<p>Наши менеджеры в течении нескольких минут подберут Вам нужные запчасти.</p>
</div>
<div class="modal-body" style="background-image:url(img/012.jpg)">

<div class="input-group input-group-lg">
  <input type="text" class="form-control input-lg" placeholder="Название запчасти*">
</div>
<div class="input-group input-group-lg">
  <input type="text" class="form-control input-lg" placeholder="Название запчасти">
</div>
<div class="input-group input-group-lg">
  <input type="text" class="form-control input-lg" placeholder="Название запчасти">
</div>
<div class="input-group input-group-lg">
  <input type="text" class="form-control input-lg" placeholder="Название запчасти">
</div>
<div class="input-group input-group-lg">
  <input type="text" class="form-control input-lg" placeholder="Название запчасти">
</div>
</br>
<div class="input-group input-group-lg">
  <input type="text" class="form-control input-lg span16" placeholder="Примечание">
</div>
</br>
<div class="input-group input-group-lg">
  <input type="text" class="form-control input-lg" placeholder="Контактное лицо*">
  <input type="text" class="form-control input-lg" placeholder="Контактный телефон*">
</div>
<div class="alert alert-danger">* - поля обязательные к заполнению</div>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">Отмена</button>
<button class="btn btn-primary">Готово</button>
</div>







</div>

</br>




</div>
<!  правая  центральная панель с информацией >
<div class="span4">

<a href="#"><img src="../img/brand/chb/1.jpg"  width="80" height="80" alt="..."></a>
    <a href="#"><img src="../img/brand/chb/2.jpg"  width="80" height="80" alt="..."></a>
    <a href="#"><img src="../img/brand/chb/3.jpg"  width="80" height="80" alt="..."></a>
    <a href="#"><img src="../img/brand/chb/4.jpg"  width="80" height="80" alt="..."></a>
    <a href="#"><img src="../img/brand/chb/5.jpg"  width="80" height="80" alt="..."></a>
    <a href="#"><img src="../img/brand/chb/6.jpg"  width="80" height="80" alt="..."></a>
    <a href="#"><img src="../img/brand/chb/7.jpg"  width="80" height="80" alt="..."></a>
    <a href="#"><img src="../img/brand/chb/8.jpg"  width="80" height="80" alt="..."></a>
    <a href="#"><img src="../img/brand/chb/9.jpg"  width="80" height="80" alt="..."></a>
    <a href="#"><img src="../img/brand/chb/10.jpg"  width="80" height="80" alt="..."></a>
    <a href="#"><img src="../img/brand/chb/11.jpg"  width="80" height="80" alt="..."></a>
    <a href="#"><img src="../img/brand/chb/12.jpg"  width="80" height="80" alt="..."></a>
    <a href="#"><img src="../img/brand/chb/13.jpg"  width="80" height="80" alt="..."></a>
    <a href="#"><img src="../img/brand/chb/14.jpg"  width="80" height="80" alt="..."></a>
    <a href="#"><img src="../img/brand/chb/15.jpg"  width="80" height="80" alt="..."></a>
    <a href="#"><img src="../img/brand/chb/16.jpg"  width="80" height="80" alt="..."></a>
    <a href="#"><img src="../img/brand/chb/17.jpg"  width="80" height="80" alt="..."></a>
    <a href="#"><img src="../img/brand/chb/18.jpg"  width="80" height="80" alt="..."></a>
    <a href="#"><img src="../img/brand/chb/19.jpg"  width="80" height="80" alt="..."></a>
    <a href="#"><img src="../img/brand/chb/20.jpg"  width="80" height="80" alt="..."></a>
    <a href="#"><img src="../img/brand/chb/21.jpg"  width="80" height="80" alt="..."></a>
    <a href="#"><img src="../img/brand/chb/22.jpg"  width="80" height="80" alt="..."></a>
    <a href="#"><img src="../img/brand/chb/23.jpg"  width="80" height="80" alt="..."></a>
    <a href="#"><img src="../img/brand/chb/24.jpg"  width="80" height="80" alt="..."></a>
    <a href="#"><img src="../img/brand/chb/25.jpg"  width="80" height="80" alt="..."></a>
    <a href="#"><img src="../img/brand/chb/26.jpg"  width="80" height="80" alt="..."></a>
    <a href="#"><img src="../img/brand/chb/27.jpg"  width="80" height="80" alt="..."></a>
    <a href="#"><img src="../img/brand/chb/28.jpg"  width="80" height="80" alt="..."></a>
    <a href="#"><img src="../img/brand/chb/29.jpg"  width="80" height="80" alt="..."></a>
    <a href="#"><img src="../img/brand/chb/30.jpg"  width="80" height="80" alt="..."></a>
    <a href="#"><img src="../img/brand/chb/31.jpg"  width="80" height="80" alt="..."></a>
    <a href="#"><img src="../img/brand/chb/32.jpg"  width="80" height="80" alt="..."></a>
   </div>

   <!  левая панель с Акциями >
<div class="span2"> 
  <div class="alert alert-success">
      
      <img class="img-font" src="../img/sale.png" data-id="8022"></img>
    </br>
    </br>
      <img class="img-font" title="Regulators Expanded" alt="Regulators Expanded" src="../img/ats.jpg" data-id="8022"></img>
      Расспродажа поршней компании <b>GLYCO</b>. Огромный выбор акционной продукции на японские и немецкие двигатели <a href="#"><strong>Подробнее..</strong></a> 
    </br>
  </br>
    </br>
      <img class="img-font" title="Regulators Expanded" alt="Regulators Expanded" src="../img/castrol.jpg" data-id="8022"></img>
     При покупке масла <b>Castrol EDGE</b> - скидка на масляный фильтр <b>50%</b> <a href="#"><strong>Купить..</strong></a> 
    </br>
    </div>
</div>

   </div>
   </div>






</br>
</br>
</br>
</br>



    <!-- Footer
    ================================================== -->
    <footer class="footer">
      <div class="container">
        <p> Компания <a href="../index.html" target="_blank">AutoCartel</a></p>
        <p>Украина, г.Харьков, ул.Полтавский Шлях 15/7</p>
        <p>2013 год</p>
      </div>
    </footer>



    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
    <script src="../assets/js/jquery.js"></script>
    <script src="../assets/js/bootstrap-transition.js"></script>
    <script src="../assets/js/bootstrap-alert.js"></script>
    <script src="../assets/js/bootstrap-modal.js"></script>
    <script src="../assets/js/bootstrap-dropdown.js"></script>
    <script src="../assets/js/bootstrap-scrollspy.js"></script>
    <script src="../assets/js/bootstrap-tab.js"></script>
    <script src="../assets/js/bootstrap-tooltip.js"></script>
    <script src="../assets/js/bootstrap-popover.js"></script>
    <script src="../assets/js/bootstrap-button.js"></script>
    <script src="../assets/js/bootstrap-collapse.js"></script>
    <script src="../assets/js/bootstrap-carousel.js"></script>
    <script src="../assets/js/bootstrap-typeahead.js"></script>
    <script src="../assets/js/bootstrap-affix.js"></script>

    <script src="../assets/js/holder/holder.js"></script>
    <script src="../assets/js/google-code-prettify/prettify.js"></script>

    <script src="../assets/js/application.js"></script>


    <!-- Analytics
    ================================================== -->
    <script>
      var _gauges = _gauges || [];
      (function() {
        var t   = document.createElement('script');
        t.type  = 'text/javascript';
        t.async = true;
        t.id    = 'gauges-tracker';
        t.setAttribute('data-site-id', '4f0dc9fef5a1f55508000013');
        t.src = '//secure.gaug.es/track.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(t, s);
      })();
    </script>

  </body>
</html>
